<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="author" content="胡爱静">
    <title>小米首页</title>
    <link rel="stylesheet" type="" href="index.css">
    <link rel="stylesheet" type="" href="./font-awesome/css/font-awesome.css">
</head>

<body>
    <nav class="nav-black">
        <div class="container">
            <div class="uls">
                <ul class="nav-left">
                    <li><a href="">小米商城</a></li><span class="houzhui">|</span>
                    <li><a href="">MUI</a></li><span class="houzhui">|</span>
                    <li><a href="">米聊</a></li><span class="houzhui">|</span>
                    <li><a href="">游戏</a></li><span class="houzhui">|</span>
                    <li><a href="">多看阅读</a></li><span class="houzhui">|</span>
                    <li><a href="">云服务</a></li><span class="houzhui">|</span>
                    <li><a href="">金融</a></li><span class="houzhui">|</span>
                    <li><a href="">小米商城手机版</a></li><span class="houzhui">|</span>
                    <li><a href="">问题反馈</a></li><span class="houzhui">|</span>
                    <li><a href="">Select Region</a></li>
                </ul>
                <ul class="nav-right">
                    <li><a href="">登录</a></li><span class="houzhui">|</span>
                    <li><a href="">注册</a></li><span class="houzhui">|</span>
                    <li><a href="">消息通知</a></li>
                    <li class="gouwu-li"><a href="">
                    <i class="fa fa-cart-plus"></i>
                    <span> 购物车（0）</span>
                     </a>
                        <!-- <b id="cover"></b> -->
                        <div class="gouwu-box">
                            <span>购物车中还没有商品，赶紧选购吧！</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
     <!--logo + 白色 导航  + 搜索框 -->
    <div class="logo-nav">
        <div class="container">
            <!--白色 导航  -->
              <nav class="nav-white">
                <div class="logo">
                    <img src="./img/logo.png" alt="">
                </div>
                <ul class="ul-white">
                    <li><a href="">小米手机</a></li>
                    <li><a href="">红米</a></li>
                    <li><a href="">平板·笔记本</a></li>
                    <li><a href="">电视</a></li>
                    <li><a href="">盒子·音影</a></li>
                    <li><a href="">路由器</a></li>
                    <li><a href="">智能硬件</a></li>
                    <li><a href="">服务</a></li>
                    <li><a href="">社区</a></li>
                </ul>
                <!--白色导航  下拉框  -->
                <div class="xiaomi-border">
                    <div class="container">
                  <!--小米手机  -->
                    <ul class="xiaomi-list list2">

                            <li>
                                <a href="">
                         <img src="./img/5x160x110.jpg" alt="">
                        </a>
                                <div id="name">
                                    <a href="">小米X5</a>
                                </div>
                                <p>1335元</p>
                            </li>
                            <li>
                                <a href="">
                         <img src="./img/5x160x110.jpg" alt="">
                         </a>
                                <div id="name">
                                    <a href="">小米X5</a>
                                </div>
                                <p>1335元</p>
                                <div class="xianhuo">
                                    新品
                                </div>
                            </li>
                            <li>
                                <a href="">
                         <img src="./img/5x160x110.jpg" alt="">
                         </a>
                                <div id="name">
                                    <a href="">小米X5</a>
                                </div>
                                <p>1335元</p>
                                <div class="xianhuo">
                                    现货
                                </div>
                            </li>
                            <li>
                                <a href="">
                            <img src="./img/5x160x110.jpg" alt="">
                               </a>
                                <div id="name">
                                    <a href="">小米X5</a>
                                </div>
                                <p>1335元</p>
                                <div class="xianhuo">
                                    下单立减
                                </div>
                            </li>
                            <li>
                                <a href="">
                                  <img src="./img/5x160x110.jpg" alt="">
                              </a>
                                <div id="name">
                                    <a href="">小米X5</a>
                                </div>
                                <p>1335元</p>
                                <div class="xianhuo">
                                    下单立减
                                </div>
                            </li>
                            <li>
                                <a href="">
                       <img class="no-border-right" src="./img/5x160x110.jpg" alt="">
                                      </a>
                                <div id="name">
                                    <a href="">小米X5</a>
                                </div>
                                <p>1335元</p>
                                <div class="xianhuo">
                                    下单立减
                                </div>
                            </li>
                    </ul>
                        <!--红米  -->
                    <ul class="xiaomi-list">

                            <li>
                                <a href="">
                          <img src="./img/hm160x110.jpg" alt="">
                           </a>
                                <div id="name">
                                    <a href="">红米note4</a>
                                </div>
                                <p>799元</p>
                            </li>
                            <li>
                                <a href="">
                         <img src="./img/hm160x110.jpg" alt="">
                        </a>
                                <div id="name">
                                    <a href="">红米note4</a>
                                </div>
                                <p>799元</p>
                                <div class="xianhuo">
                                    新品
                                </div>
                            </li>
                            <li>
                                <a href="">
                        <img src="./img/hm160x110.jpg" alt="">
                        </a>
                                <div id="name">
                                    <a href="">红米note4</a>
                                </div>
                                <p>1335元</p>
                                <div class="xianhuo">
                                    新品
                                </div>
                            </li>
                             <li>
                                <a href="">
                         <img src="./img/hm160x110.jpg" alt="">
                         </a>
                                <div id="name">
                                    <a href="">小米X5</a>
                                </div>
                                <p>1335元</p>

                            </li>
                            <li>
                                <a href="">
                         <img class="no-border-right" src="./img/hm160x110.jpg" alt="">
                              </a>
                                <div id="name">
                                    <a href="">小米X5</a>
                                </div>
                                <p>1335元</p>

                            </li>
                    </ul>
                        <!--平板  -->
                    <ul class="xiaomi-list">

                            <li>
                                <a href="">
                        <img src="./img/mipad.png" alt="">
                        </a>
                                <div id="name">
                                    <a href="">mipad</a>
                                </div>
                                <p>1799元</p>
                            </li>
                            <li>
                                <a href="">
                      <img src="./img/mipad.png" alt="">
                     </a>
                                <div id="name">
                                    <a href="">mipad</a>
                                </div>
                                <p>1799元</p>
                                <div class="xianhuo">
                                    新品
                                </div>
                            </li>
                            <li>
                                <a href="">
                      <img class="no-border-right" src="./img/mipad.png" alt="">
                     </a>
                                <div id="name">
                                    <a href="">mipad</a>
                                </div>
                                <p>1935元</p>
                                <div class="xianhuo">
                                    新品
                                </div>
                            </li>
                    </ul>
                        <!-- 小米电视 -->
                    <ul class="xiaomi-list">

                            <li>
                                <a href="">
                      <img src="./img/dianshi320_43.png" alt="">
                             </a>
                                <div id="name">
                                    <a href="">小米电视</a>
                                </div>
                                <p>1335元</p>
                            </li>
                            <li>
                                <a href="">
                      <img src="./img/dianshi320_43.png" alt="">
                           </a>
                                <div id="name">
                                    <a href="">小米电视</a>
                                </div>
                                <p>1335元</p>
                                <div class="xianhuo">
                                    新品
                                </div>
                            </li>
                            <li>
                                <a href="">
                      <img src="./img/dianshi320_43.png" alt="">
                             </a>
                                <div id="name">
                                    <a href="">小米电视</a>
                                </div>
                                <p>1335元</p>
                                <div class="xianhuo">
                                    现货
                                </div>
                            </li>
                            <li>
                                <a href="">
                      <img src="./img/dianshi320_43.png" alt="">
                           </a>
                                <div id="name">
                                    <a href="">小米电视</a>
                                </div>
                                <p>1335元</p>
                                <div class="xianhuo">
                                    下单立减
                                </div>
                            </li>
                            <li>
                                <a href="">
                                 <img src="./img/dianshi320_43.png" alt="">
                                     </a>
                                <div id="name">
                                    <a href="">小米电视</a>
                                </div>
                                <p>1335元</p>
                                <div class="xianhuo">
                                    下单立减
                                </div>
                            </li>
                            <li>
                                <a href="">
                         <img class="no-border-right" src="./img/dianshi320_43.png" alt="">
                         </a>
                                <div id="name">
                                    <a href="">小米电视</a>
                                </div>
                                <p>1335元</p>
                                <div class="xianhuo">
                                    下单立减
                                </div>
                            </li>
                    </ul>
                        <!-- 盒子 -->
                 <ul class="xiaomi-list">

                            <li>
                                <a href="">
                               <img src="./img/mihezi.png" alt="">
                            </a>
                                <div id="name">
                                    <a href="">小米盒子</a>
                                </div>
                                <p>135元</p>
                            </li>
                            <li>
                                <a href="">
                          <img src="./img/mihezi.png" alt="">
                          </a>
                                <div id="name">
                                    <a href="">小米盒子</a>
                                </div>
                                <p>335元</p>
                                <div class="xianhuo">
                                    新品
                                </div>
                            </li>
                            <li>
                                <a href="">
                          <img src="./img/mihezi.png" alt="">
                               </a>
                                <div id="name">
                                    <a href="">小米盒子</a>
                                </div>
                                <p>135元</p>
                                <div class="xianhuo">
                                    现货
                                </div>
                            </li>
                            <li>
                                <a href="">
                          <img class="no-border-right" src="./img/mihezi.png" alt="">
                             </a>
                                <div id="name">
                                    <a href="">小米盒子</a>
                                </div>
                                <p>335元</p>

                            </li>
                 </ul>
                        <!-- 路由器    -->
                        <ul class="xiaomi-list">

                            <li>
                                <a href="">
                               <img src="./img/lyq3.png" alt="">
                               </a>
                                <div id="name">
                                    <a href="">路由器</a>
                                </div>
                                <p>133元</p>
                                <div class="xianhuo">
                                    新品
                                </div>
                            </li>
                            <li>
                                <a href="">
                                <img src="./img/lyq3.png" alt="">
                             </a>
                                <div id="name">
                                    <a href="">路由器</a>
                                </div>
                                <p>1335元</p>
                            </li>
                            <li>
                                <a href="">
                             <img src="./img/lyq3.png" alt="">
                             </a>
                                <div id="name">
                                    <a href="">路由器</a>
                                </div>
                                <p>330元</p>
                                <div class="xianhuo">
                                    现货
                                </div>
                            </li>
                            <li>
                                <a href="">
                              <img src="./img/lyq3.png" alt="">
                                         </a>
                                <div id="name">
                                    <a href="">小米电视</a>
                                </div>
                                <p>735元</p>
                                <div class="xianhuo">
                                    下单立减
                                </div>
                            </li>
                            <li>
                                <a href="">
                               <img src="./img/lyq3.png" alt="">
                             </a>
                                <div id="name">
                                    <a href="">路由器</a>
                                </div>
                                <p>335元</p>
                                <div class="xianhuo">
                                    下单立减
                                </div>
                            </li>
                            <li>
                                <a href="">
                          <img class="no-border-right" src="./img/lyq3.png" alt="">
                          </a>
                                <div id="name">
                                    <a href="">路由器</a>
                                </div>
                                <p>135元</p>
                            </li>
                        </ul>
                        <!--智能硬件  -->
                    <ul class="xiaomi-list">

                            <li>
                                <a href="">
                           <img src="./img/sh320-220.png" alt="">
                         </a>
                                <div id="name">
                                    <a href="">智能手环</a>
                                </div>
                                <p>1323元</p>
                                <div class="xianhuo">
                                    新品
                                </div>
                            </li>
                            <li>
                                <a href="">
                         <img src="./img/sh320-220.png" alt="">
                         </a>
                                <div id="name">
                                    <a href="">智能手环</a>
                                </div>
                                <p>139元</p>
                            </li>
                            <li>
                                <a href="">
                          <img src="./img/sh320-220.png" alt="">
                         </a>
                                <div id="name">
                                    <a href="">智能手环</a>
                                </div>
                                <p>330元</p>
                                <div class="xianhuo">
                                    现货
                                </div>
                            </li>
                            <li>
                                <a href="">
                         <img src="./img/sh320-220.png" alt="">
                         </a>
                                <div id="name">
                                    <a href="">智能手环</a>
                                </div>
                                <p>735元</p>
                            </li>
                            <li>
                                <a href="">
                         <img src="./img/sh320-220.png" alt="">
                         </a>
                                <div id="name">
                                    <a href="">智能手环</a>
                                </div>
                                <p>335元</p>
                                <div class="xianhuo">
                                    下单立减
                                </div>
                            </li>
                            <li>
                                <a href="">
                      <img class="no-border-right" src="./img/sh320-220.png" alt="">
                     </a>
                                <div id="name">
                                    <a href="">智能手环</a>
                                </div>
                                <p>1035元</p>
                            </li>
                        </ul>
                    </div>
                </div>

                <!--搜索框  -->
                <div class="search">
                    <form>
                        <input type="text">
                        <div class="search-word">
                            <a href="">电视4A 55"</a>
                            <a href="">小米Note 2 特惠</a>
                        </div>
                        <div class="search-tu">
                            <i class="fa fa-search" aria-hidden="true"></i>
                        </div>
                    </form>
                    <div class="xiala-kucun">
                        <a href="">
                            <ul class="kucun-list">
                                <li>
                                    <span>小米6</span>
                                    <span>约剩余70件</span>
                                </li>
                                <li>
                                    <span>小米6</span>
                                    <span>约剩余70件</span>
                                </li>
                                <li>
                                    <span>小米6</span>
                                    <span>约剩余70件</span>
                                </li>
                                <li>
                                    <span>小米6</span>
                                    <span>约剩余70件</span>
                                </li>
                                <li>
                                    <span>小米6</span>
                                    <span>约剩余70件</span>
                                </li>
                                <li>
                                    <span>小米6</span>
                                    <span>约剩余70件</span>
                                </li>
                                <li>
                                    <span>小米6</span>
                                    <span>约剩余70件</span>
                                </li>
                                <li>
                                    <span>小米6</span>
                                    <span>约剩余70件</span>
                                </li>
                                <li>
                                    <span>小米6</span>
                                    <span>约剩余70件</span>
                                </li>
                                <li>
                                    <span>小米6</span>
                                    <span>约剩余70件</span>
                                </li>
                                <li>
                                    <span>小米6</span>
                                    <span>约剩余70件</span>
                                </li>
                            </ul>
                        </a>
                    </div>

                </div>
            </nav>
        </div>
    </div>
    <!-- 轮播 + 左部的列表  -->
<div class="container">
     <!--轮播图  -->
    <div class="lunbo-box">
         <ul class="lunbo-list">
             <li class="current"><a href=""><img src="./img/lunbo1.jpg" alt=""></a></li>
             <li><a href=""><img src="./img/lunbo2.jpg" alt=""></a></li>
             <li><a href=""><img src="img/lunbo3.jpg" alt=""></a></li>
             <li><a href=""><img src="img/lunbo4.jpg" alt=""></a></li>
             <li><a href=""><img src="img/lunbo5.jpg" alt=""></a></li>
             <li><a href=""><img src="img/lunbo6.jpg" alt=""></a></li>
         </ul>
         <ul class="indicator">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
         </ul>
         <div class="img-click">
            <span class="prev"></span>
            <span class="next"></span>
         </div>
      
         <!-- 轮播图左部的列表 -->
      <div class="lunbo-left">
          <ul class="left-list">
            <li><a href="">手机 电话卡<span>&gt;</span></a></li>
            <li><a href="">笔记本 平板<span>&gt;</span></a></li>
            <li><a href="">电视 盒子<span>&gt;</span></a></li>
            <li><a href="">智能硬件 路由器<span>&gt;</span></a></li>
            <li><a href="">移动电源充电宝<span>&gt;</span></a></li>
            <li><a href="">耳机 音响<span>&gt;</span></a></li>
            <li><a href="">保护膜 贴膜<span>&gt;</span></a></li>
            <li><a href="">线材支架 手机卡<span>&gt;</span></a></li>
            <li><a href="">箱包服饰 鞋 眼睛<span>&gt;</span></a></li>
            <li><a href="">米兔 生活周边<span>&gt;</span></a></li>
          </ul>
        
          <div class="left-list-box">
              <ul class="left-list-info">
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                      </ul>
                  </li>
                  <li>
                     <ul>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                      </ul>
                  </li>
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xm6.png" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                      </ul>
                  </li>
              </ul>
              <ul class="left-list-info">
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/bijiben.jpg" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/bijiben.jpg" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/bijiben.jpg" alt="">小米5s</a>
                           <a href="" class="xuangou">选购</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/bijiben.jpg" alt="">小米5s</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/bijiben.jpg" alt="">小米5s</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/bijiben.jpg" alt="">小米5s</a>
                          </li>
                      </ul>
                  </li>
                  <li>
                     <ul>
                          <li>
                           <a href=""><img src="./img/bijiben.jpg" alt="">小米5s</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/bijiben.jpg" alt="">小米5s</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/bijiben.jpg" alt="">小米5s</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/bijiben.jpg" alt="">小米5s</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/bijiben.jpg" alt="">小米5s</a>
                          </li>
                      </ul>
                  </li>
              </ul>
              <ul class="left-list-info">
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                      </ul>
                  </li>
                  <li>
                     <ul>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                      </ul>
                  </li>
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                      </ul>
                  </li>
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/dianshi.jpg" alt="">电视4A 49英寸</a>
                          </li>
                      </ul>
                  </li>
              </ul>
              <ul class="left-list-info">
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                      </ul>
                  </li>
                  <li>
                     <ul>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                      </ul>
                  </li>
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/phc.jpg" alt="">平衡车</a>
                          </li>
                      </ul>
                  </li>
              </ul>
              <ul class="left-list-info">
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/yddy.jpg" alt="">移动电源充电宝</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/yddy.jpg" alt="">移动电源充电宝</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/yddy.jpg" alt="">移动电源充电宝</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/yddy.jpg" alt="">移动电源充电宝</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/yddy.jpg" alt="">移动电源充电宝</a>
                          </li>
                         <li>
                           <a href=""><img src="./img/yddy.jpg" alt="">移动电源充电宝</a>
                          </li>
                      </ul>
                  </li>
                  <li>
                     <ul>
                          <li>
                           <a href=""><img src="./img/yddy.jpg" alt="">移动电源充电宝</a>
                          </li>
                      </ul>
                  </li>
              </ul>
              <ul class="left-list-info">
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                      </ul>
                  </li>
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                      </ul>
                  </li>
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                      </ul>
                  </li>
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu.jpg" alt="">小米米兔音响</a>
                          </li>
                      </ul>
                  </li>                  
              </ul>
              <ul class="left-list-info">
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/tiemo.jpg" alt="">贴膜</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/tiemo.jpg" alt="">手机贴膜</a>
                          </li>
                      </ul>
                  </li>
              </ul>
              <ul class="left-list-info">
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/zhijia.jpg" alt="">手机支架</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/zhijia.jpg" alt="">手机支架</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/zhijia.jpg" alt="">手机支架</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/zhijia.jpg" alt="">手机支架</a>
                          </li>
                      </ul>
                  </li>
              </ul>
              <ul class="left-list-info">
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/xiangbao.jpg" alt="">箱包</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xiangbao.jpg" alt="">箱包</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xiangbao.jpg" alt="">箱包</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xiangbao.jpg" alt="">箱包</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/xiangbao.jpg" alt="">箱包</a>
                          </li>
                      </ul>
                  </li>
              </ul>
              <ul class="left-list-info">
                  <li>
                      <ul>
                          <li>
                           <a href=""><img src="./img/mitu80.jpg" alt="">米兔玩偶</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu80.jpg" alt="">米兔玩偶</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu80.jpg" alt="">米兔玩偶</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu80.jpg" alt="">米兔玩偶</a>
                          </li>
                          <li>
                           <a href=""><img src="./img/mitu80.jpg" alt="">米兔玩偶</a>
                          </li>
                      </ul>
                  </li>
              </ul>
        </div>
      </div> 
    </div>
    <!--轮播图 下 三张图片  -->
    <div class="after-lunbo">
        <div class="after-left">
            <ul>
                <li><a href="">
                     <i class="fa fa-address-card"></i><br>
                      选购手机
                    </a>
                </li>
                <li><a href="">
                     <i class="fa fa-address-card"></i><br>
                      选购手机
                    </a>
                </li>
                <li><a href="">
                      <i class="fa fa-address-card"></i><br>
                       选购手机
                    </a>
                </li>
                <li><a href="">
                     <i class="fa fa-address-card"></i><br>
                      选购手机
                    </a>
                </li>
                <li><a href="">
                     <i class="fa fa-address-card"></i><br>
                      选购手机
                    </a>
                </li>
                <li><a href="">
                      <i class="fa fa-address-card"></i><br>
                       选购手机
                    </a>
                </li>
            </ul>
        </div>
        <div class="after-right">
            <ul>
                <li><a href=""><img src="./img/san.jpg" alt=""></a></li>
                <li><a href=""><img src="./img/san.jpg" alt=""></a></li>
                <li><a href=""><img src="./img/san.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>

     <!--小米明星单品  -->
    <div class="big-box">
       <div class="big-hd">
           <h2>小米明星单品</h2>
           <div class="move-box">
               <div class="moves">
                   <span class="to-left"><a href="javascript:;">&lt;</a></span>
                   <span class="to-right"><a href="javascript:;">&gt;</a></span>
               </div>
           </div>
       </div>
        <!--图片左右移动  -->
       <div class="move-tu">
         <ul class="big-box-ul move-ul">
           <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
           </li>
           <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
           </li>
            <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
           </li>
            <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
           </li>
            <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
           </li>
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
           </li>
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
           </li>
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
           </li>
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
           </li>
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
           </li>
         </ul>
       </div>
    </div>
</div>

<div class="jiadian-box">
<div class="container">
    <!--家电  -->
    <div class="best jiadian">
       <div class="jia-hd">
           <h2>家电</h2>
           <ul class="jiadian-right">
              <li class="remen"><a href="">热门</a></li>
              <li><a href="">电视影音</a></li>
              <li><a href="">电脑</a></li>
              <li><a href="">家居</a></li>
           </ul>
       </div>
       <div class="jiadisn-row">
           <div class="row-left">
               <a href=""><img src="./img/xmjhq.jpg" alt=""></a>
           </div>
           <div class="row-right">
               <div class="row16">
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/ximids4a.png" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">2599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/ximids4a.png" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">2599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/ximids4a.png" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/ximids4a.png" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/ximids4a.png" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/ximids4a.png" alt=""></a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/ximids4a.png" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">小米摄像机</p>
                                <p class="price">399元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/xingji.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/dsyingyin.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/dsyingyin.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/dsyingyin.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/dsyingyin.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/dsyingyin.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/dsyingyin.jpg" alt=""></a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/dsyingyin.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">盒子3 加强版</p>
                                <p class="price">399元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/hezi3.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/diannao.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/diannao.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/diannao.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/diannao.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/diannao.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/diannao.jpg" alt=""></a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/diannao.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">多功能转接器</p>
                                <p class="price">699元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/pms.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/shuihu.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/shuihu.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/shuihu.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/shuihu.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/shuihu.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/shuihu.jpg" alt=""></a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/shuihu.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">ertyhhfggh</p>
                                <p class="price">699元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/pms0.png" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
               </div>
           </div>
       </div>
    </div>
    <!--智能  -->
    <div class="best zhineng">
       <div class="jia-hd">
           <h2>智能</h2>
           <ul class="jiadian-right">
              <li class="remen"><a href="">热门</a></li>
              <li><a href="">出行</a></li>
              <li><a href="">健康</a></li>
              <li><a href="">酷玩</a></li>
              <li><a href="">路由器</a></li>
           </ul>
       </div>
       <div class="jiadisn-row">
            <div class="row-left two-tu">
               <a href=""><img src="./img/小米手环.jpg" alt=""></a>
               <p><a href=""><img src="./img/净水器.jpg" alt=""></a></p>
            </div>
            <div class="row-right"> 
               <div class="row16">
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/p70.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/p70.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/p70.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/p70.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/p70.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/p70.jpg" alt=""></a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/p70.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">盒子3 加强版</p>
                                <p class="price">399元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/hezi3.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/自行车.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">2599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/自行车.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">2599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/自行车.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/自行车.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/自行车.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/自行车.jpg" alt=""></a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/自行车.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">小米摄像机</p>
                                <p class="price">399元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/xingji.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/净化.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/净化.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/净化.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/净化.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/净化.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/净化.jpg" alt=""></a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/净化.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">多功能转接器</p>
                                <p class="price">699元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/pms.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/礼品装.png" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/礼品装.png" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/礼品装.png" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/礼品装.png" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/礼品装.png" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/礼品装.png" alt=""></a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/礼品装.png" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">ertyhhfggh</p>
                                <p class="price">699元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/xingji.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/小米l.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/小米l.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/小米l.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/小米l.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/小米l.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/小米l.jpg" alt=""></a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/小米l.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">ertyhhfggh</p>
                                <p class="price">699元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/xingji.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
               </div>
           </div>
       </div>
    </div>
    <!-- 搭配 -->
    <div class="best dapei">
       <div class="jia-hd">
           <h2>搭配</h2>
           <ul class="jiadian-right">
              <li class="remen"><a href="">热门</a></li>
              <li><a href="">耳机音响</a></li>
              <li><a href="">电源</a></li>
              <li><a href="">电池存储卡</a></li>
           </ul>
       </div>
       <div class="jiadisn-row">
            <div class="row-left two-tu">
               <a href=""><img src="./img/头戴式.jpg" alt=""></a>
                <p><a href=""><img src="./img/蓝牙耳机.jpg" alt=""></a></p>
            </div>
            <div class="row-right"> 
               <div class="row16">
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/erji.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/erji.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/erji.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/erji.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/erji.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/erji.jpg" alt=""></a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/erji.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">盒子3 加强版</p>
                                <p class="price">399元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/hezi3.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/gangpao.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">2599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/gangpao.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">2599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/gangpao.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/gangpao.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/gangpao.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/gangpao.jpg" alt=""></a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/gangpao.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">小米摄像机</p>
                                <p class="price">399元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/xingji.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/usb.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/usb.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/usb.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/usb.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/usb.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/usb.jpg" alt=""></a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/usb.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">多功能转接器</p>
                                <p class="price">699元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/pms.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/礼品装.png" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/xmusb.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/xmusb.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/xmusb.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/xmusb.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/xmusb.jpg" alt=""></a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/xmusb.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">ertyhhfggh</p>
                                <p class="price">699元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/xingji.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
               </div>
           </div>
       </div>
    </div>
    <!-- 配件 -->
    <div class="best peijian">
       <div class="jia-hd">
           <h2>配件</h2>
           <ul class="jiadian-right">
              <li class="remen"><a href="">热门</a></li>
              <li><a href="">保护套</a></li>
              <li><a href="">贴膜</a></li>
              <li><a href="">其他配件</a></li>
           </ul>
       </div>
       <div class="jiadisn-row">
            <div class="row-left two-tu">
               <a href=""><img src="./img/jz.jpg" alt=""></a>
                <p><a href=""><img src="./img/yi.jpg" alt=""></a></p>
            </div>
            <div class="row-right"> 
               <div class="row16">
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/支架.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/支架.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/支架.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/支架.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/支架.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/支架.jpg" alt=""></a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/支架.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">盒子3 加强版</p>
                                <p class="price">399元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/pms.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/tou.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">2599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/tou.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">2599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/tou.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/tou.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/tou.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/tou.jpg" alt=""></a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/tou.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">小米摄像机</p>
                                <p class="price">399元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/pms.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/max.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/max.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/max.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/max.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/max.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/max.jpg" alt=""></a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/max.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">多功能灯</p>
                                <p class="price">699元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/pms0.png" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/pms.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/pms.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/pms.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/pms.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/pms.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/pms.jpg" alt=""></a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/pms.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">ertyhhfggh</p>
                                <p class="price">699元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/pms0.png" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
               </div>
           </div>
       </div>
    </div>
    <!--周边  -->
    <div class="best zhoubian">
       <div class="jia-hd">
           <h2>周边</h2>
           <ul class="jiadian-right">
              <li class="remen"><a href="">热门</a></li>
              <li><a href="">服装</a></li>
              <li><a href="">米兔</a></li>
              <li><a href="">生活周边</a></li>
              <li><a href="">箱包</a></li>
           </ul>
       </div>
       <div class="jiadisn-row">
            <div class="row-left two-tu">
               <a href=""><img src="./img/xie.jpg" alt=""></a>
                <p><a href=""><img src="./img/chuang.jpg" alt=""></a></p>
            </div>
            <div class="row-right"> 
               <div class="row16">
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/yanjing.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/yanjing.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/yanjing.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/yanjing.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/yanjing.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/yanjing.jpg" alt=""></a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/yanjing.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">盒子3 加强版</p>
                                <p class="price">399元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/hezi3.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/nvt.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">2599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/nvt.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">2599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/nvt.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/nvt.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/nvt.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/nvt.jpg" alt=""></a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/nvt.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电视4A 49英寸</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">小米摄像机</p>
                                <p class="price">399元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/xingji.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/baozhen.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/baozhen.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/baozhen.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/baozhen.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/baozhen.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/baozhen.jpg" alt=""></a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/baozhen.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米电脑</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">多功能转接器</p>
                                <p class="price">699元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/pms.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/jingang.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/jingang.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/jingang.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/jingang.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/jingang.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/jingang.jpg" alt=""></a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/jingang.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">ertyhhfggh</p>
                                <p class="price">699元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/xingji.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
                   <ul class="big-box-ul row-list clearfix">
                       <li>
                           <a href=""><img src="./img/xiang.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">3199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe green">新品</div>
                       </li>
                       <li>
                           <a href=""><img src="./img/xiang.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                           </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p>
                               <span class="price">2199元</span>
                               <s><span class="gray">4599元</span></s>
                            </p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/xiang.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/xiang.jpg" alt="">
                            <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/xiang.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                            </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>
                        <li>
                           <a href=""><img src="./img/xiang.jpg" alt=""></a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                       </li>
                        <li>
                           <a href=""><img src="./img/xiang.jpg" alt="">
                             <div class="orange">
                                 <p class="pingjia1">喜欢小米，怎么看怎么好</p>
                                 <p class="pingjia2">来自 白杨love小河 的评论</p>
                             </div>
                             </a>
                            <h4>小米水壶</h4>
                            <p class="gray">8月23日小米电视品牌日，立减400元</p>
                            <p><span class="price">2199元</span></p>
                            <div class="jiuzhe">享9折</div>
                       </li>                           
                        <li class="row-list-li">
                            <div class="last-p">
                                <p class="gray xiangji">ertyhhfggh</p>
                                <p class="price">699元</p>
                            </div>
                            <div class="last-img">
                                <a href=""><img src="./img/xingji.jpg" alt=""></a>
                            </div>                                  
                        </li>
                        <li class="row-list-li">
                            <div class="last-p">
                                 <p class="gray xiangji">浏览更多</p>
                                <p class="gray">热门</p>
                            </div>
                            <div class="last-img">
                                 <a href=""><i class="fa fa-arrow-circle-o-right"></i></a>
                            </div>                                  
                        </li>                         
                   </ul>
               </div>
           </div>
       </div>
    </div>
    <!--为你推荐  -->
    <div class="big-box">
       <div class="big-hd">
           <h2>为你推荐</h2>
           <div class="move-box">
               <div class="moves">
                   <a href="javascript:;" class="to-left toLeft">&lt;</a>
                   <a href="javascript:;" class="to-right toRight">&gt;</a>
               </div>
           </div>
       </div>
        <!--图片左右移动  -->
      <div class="move-tu">
       <div class="move-tu wn">
         <ul class="weini-ul">
           <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
           </li>
           <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
           </li>
            <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
           </li>
            <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
           </li>
            <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
            </li>
         </ul>
         <ul class="weini-ul">
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
            </li>
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
            </li>
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
            </li>
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
            </li>
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
            </li>
         </ul>
         <ul class="weini-ul">
             <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
           </li>
           <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
           </li>
            <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
           </li>
            <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
           </li>
            <li>
               <a href=""><img src="./img/xmdp.png" alt=""></a>
               <h4>红米4X</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">699元起</p>
            </li>
         </ul>
         <ul class="weini-ul">  
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
            </li>
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
            </li>
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
            </li>
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
            </li>
            <li>
               <a href=""><img src="./img/xmplsh.png" alt=""></a>
               <h4>小米5plus</h4>
               <p class="gray">4100mAh超长续航，8核处理器</p>
               <p class="price">1299元起</p>
            </li>
         </ul>
       </div>
      </div>
    </div>
    <!--热评产品  -->
    <div class="reping">
        <h2>热评产品</h2>
        <ul class="reping-ul">
            <li>
                <a href="javascript:;"><img src="./img/插线板.jpg" alt=""></a>
                <p class="black">东西真心不错，用过最好用的插线板，做工外观没得挑剔
                    包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！
                    手机控制还是不太熟练
                </p>
                <p class="gray">来自于 yinyin19891117 的评价</p>
                <p class="black">小米插线板
                    <span class="gray">|</span> 
                    <span class="price">49元</span>
                </p>
            </li>
            <li>
                <a href="javascript:;"><img src="./img/插线板.jpg" alt=""></a>
               <p class="black">东西真心不错，用过最好用的插线板，做工外观没得挑剔
                    包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！
                    手机控制还是不太熟练
                </p>
                <p class="gray">来自于 yinyin19891117 的评价</p>
                <p class="black">小米插线板
                    <span class="gray">|</span> 
                    <span class="price">49元</span>
                </p>
            </li>
            <li>
                <a href="javascript:;"><img src="./img/插线板.jpg" alt=""></a>
                <p class="black">东西真心不错，用过最好用的插线板，做工外观没得挑剔
                    包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！
                    手机控制还是不太熟练
                </p>
                <p class="gray">来自于 yinyin19891117 的评价</p>
                <p class="black">小米插线板
                    <span class="gray">|</span> 
                    <span class="price">49元</span>
                </p>             
            </li>
            <li>
                <a href="javascript:;"><img src="./img/插线板.jpg" alt=""></a>
               <p class="black">东西真心不错，用过最好用的插线板，做工外观没得挑剔
                    包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！
                    手机控制还是不太熟练
                </p>
                <p class="gray">来自于 yinyin19891117 的评价</p>
                <p class="black">小米插线板
                    <span class="gray">|</span> 
                    <span class="price">49元</span>
                </p>
            </li>
        </ul>
    </div>
    <!--内容   多个小轮播图  -->
    <div class="neirong">
        <h2>内容</h2>
        <ul class="neirong-uls">
         <li class="nr-ul-1">
             <p class="tushu">图书</p>
             <ul class="neirong-ul"> 
                 <li>
                     <h2>哈利·波特与被诅咒的孩子</h2>
                     <p class="gray">
                         哈利·波特 第八个故事中文版震撼来袭！特别彩排版剧本！
                     </p>
                    <p class="price">29.37元</p>
                    <a href=""><img src="./img/hali.png" alt=""></a>      
                 </li>
                  <li>
                     <h2>哈利·波特与被诅咒的孩子</h2>
                     <p class="gray">
                         哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！
                     </p>
                    <p class="price">29.37元</p>
                    <a href=""><img src="./img/hm.png" alt=""></a>      
                 </li>
                 <li>
                     <p class="gray">
                         哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！
                     </p>
                    <p class="price">29.37元</p>
                    <a href=""><img src="./img/mo.jpg" alt=""></a>      
                 </li> 
             </ul>
             <ul class="neirong-indicator">
                 <li class="neirong-indicator-li"><a href=""></a></li>
                 <li><a href=""></a></li>
                 <li><a href=""></a></li>
             </ul>
             <div class="nr-btn">
                 <span class="nr-prev">&lt;</span>
                 <span class="nr-next">&gt;</span>
             </div>
         </li>
         <li class="nr-ul-2">
             <p class="tushu">MIUI 主题</p>
             <ul class="neirong-ul"> 
                 <li>
                     <h2>哈利·波特与被诅咒的孩子</h2>
                     <p class="gray">
                         哈利·波特 第八个故事中文版震撼来袭！特别彩排版剧本！
                     </p>
                    <p class="price">29.37元</p>
                    <a href=""><img src="./img/hali.png" alt=""></a>      
                 </li>
                  <li>
                     <h2>哈利·波特与被诅咒的孩子</h2>
                     <p class="gray">
                         哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！
                     </p>
                    <p class="price">29.37元</p>
                    <a href=""><img src="./img/hm.png" alt=""></a>      
                 </li>
                 <li>
                     <p class="gray">
                         哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！
                     </p>
                    <p class="price">29.37元</p>
                    <a href=""><img src="./img/mo.jpg" alt=""></a>      
                 </li> 
             </ul>
             <ul class="neirong-indicator">
                 <li class="neirong-indicator-li"><a href=""></a></li>
                 <li><a href=""></a></li>
                 <li><a href=""></a></li>
             </ul>
             <div class="nr-btn">
                 <span class="nr-prev">&lt;</span>
                 <span class="nr-next">&gt;</span>
             </div>
         </li>
         <li class="nr-ul-3">
             <p class="tushu">MIUI 主题</p>
             <ul class="neirong-ul"> 
                 <li>
                     <h2>哈利·波特与被诅咒的孩子</h2>
                     <p class="gray">
                         哈利·波特 第八个故事中文版震撼来袭！特别彩排版剧本！
                     </p>
                    <p class="price">29.37元</p>
                    <a href=""><img src="./img/hali.png" alt=""></a>      
                 </li>
                  <li>
                     <h2>哈利·波特与被诅咒的孩子</h2>
                     <p class="gray">
                         哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！
                     </p>
                    <p class="price">29.37元</p>
                    <a href=""><img src="./img/hm.png" alt=""></a>      
                 </li>
                 <li>
                     <p class="gray">
                         哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！
                     </p>
                    <p class="price">29.37元</p>
                    <a href=""><img src="./img/mo.jpg" alt=""></a>      
                 </li> 
             </ul>
             <ul class="neirong-indicator">
                 <li class="neirong-indicator-li"><a href=""></a></li>
                 <li><a href=""></a></li>
                 <li><a href=""></a></li>
             </ul>
             <div class="nr-btn">
                 <span class="nr-prev">&lt;</span>
                 <span class="nr-next">&gt;</span>
             </div>
         </li>
         <li class="nr-ul-4">
             <p class="tushu">MIUI 主题</p>
             <ul class="neirong-ul"> 
                 <li>
                     <h2>哈利·波特与被诅咒的孩子</h2>
                     <p class="gray">
                         哈利·波特 第八个故事中文版震撼来袭！特别彩排版剧本！
                     </p>
                    <p class="price">29.37元</p>
                    <a href=""><img src="./img/hali.png" alt=""></a>      
                 </li>
                  <li>
                     <h2>哈利·波特与被诅咒的孩子</h2>
                     <p class="gray">
                         哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！
                     </p>
                    <p class="price">29.37元</p>
                    <a href=""><img src="./img/hm.png" alt=""></a>      
                 </li>
                 <li>
                     <p class="gray">
                         哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！
                     </p>
                    <p class="price">29.37元</p>
                    <a href=""><img src="./img/mo.jpg" alt=""></a>      
                 </li> 
             </ul>
             <ul class="neirong-indicator">
                 <li class="neirong-indicator-li"><a href=""></a></li>
                 <li><a href=""></a></li>
                 <li><a href=""></a></li>
             </ul>
             <div class="nr-btn">
                 <span class="nr-prev">&lt;</span>
                 <span class="nr-next">&gt;</span>
             </div>
         </li>
        </ul>
    </div>
    <!--视频  -->
    <div class="shipin">
        <div class="shipin-titie">
            <h2>视频</h2>
            <div class="see-all">
                <a href="">查看全部</a>
                <i class="fa fa-chevron-circle-right"></i>
            </div>
        </div>
        <ul class="mv">
            <li>
                <div class="click">
                    <img src="./img/lq.jpg" alt="">
                    <span class="start"><i class="fa fa-play"></i></span>
                </div>
                <br>
                <a href="">MIUI 9 理念视频</a>
                <p class="gray">小米6，7年工艺探索的巅峰之作</p>
            </li>
            <li>
                <div class="click">
                    <img src="./img/miui.jpg" alt="">
                    <span class="start"><i class="fa fa-play"></i></span>
                </div>
                <br>
                <a href="">MIUI 9 理念视频</a>
                <p class="gray">小米6，7年工艺探索的巅峰之作</p>
            </li>
            <li>
                <div class="click">
                    <img src="./img/wyf.jpg" alt="">
                    <span class="start"><i class="fa fa-play"></i></span>
                </div>
                <br>
                <a href="">MIUI 9 理念视频</a>
                <p class="gray">小米6，7年工艺探索的巅峰之作</p>
            </li>
            <li>
                <div class="click">
                    <img src="./img/xm6.jpg" alt="">
                    <span class="start"><i class="fa fa-play"></i></span>
                </div>
                <br>
                <a href="">MIUI 9 理念视频</a>
                <p class="gray">小米6，7年工艺探索的巅峰之作</p>
            </li>
        </ul>
    </div>
<!-- <div class="cover-all"> -->
    <div class="cover"></div>
        <div class="mv-cover">
            <div class="cover-hd">
                <h3>听雷总讲述小米7年工艺探索之路</h3>
                <span><i class="fa fa-times"></i></span>
            </div>
            <div class="cover-img">
                <img src="./img/lq.jpg" alt="">
            </div>
        </div>
<!-- </div>    -->
    </div>
</div>
<!--白色底部  -->
<footer>
   <div class="container">
   <ul class="ft-top">
      <li><a href=""><i class="fa fa-history"></i> 预约维修服务</a></li>
      <li><a href=""><i class="fa fa-history"></i> 7天无理由退货</a></li> 
      <li><a href=""><i class="fa fa-history"></i> 15天免费换货</a></li> 
      <li><a href=""><i class="fa fa-history"></i> 满150元包邮</a></li> 
      <li><a href=""><i class="fa fa-history"></i> 520余家售后网点</a></li>  
   </ul>
   <div class="ft-bottom">
     <ul class="ft-left">
         <li>
             <ul class="ft-ul">
                <p>帮助中心</p>
                <li><a href="">账户管理</a></li>
                <li><a href="">账户管理</a></li>
                <li><a href="">账户管理</a></li>
             </ul>
         </li>
         <li>
             <ul class="ft-ul">
                <p>帮助中心</p>
                <li><a href="">账户管理</a></li>
                <li><a href="">账户管理</a></li>
                <li><a href="">账户管理</a></li>
             </ul>
         </li>
         <li>
             <ul class="ft-ul">
                <p>帮助中心</p>
                <li><a href="">账户管理</a></li>
                <li><a href="">账户管理</a></li>
                <li><a href="">账户管理</a></li>
             </ul>
         </li>
         <li>
             <ul class="ft-ul">
                <p>帮助中心</p>
                <li><a href="">账户管理</a></li>
                <li><a href="">账户管理</a></li>
                <li><a href="">账户管理</a></li>
             </ul>
         </li>
         <li>
             <ul class="ft-ul">
                <p>帮助中心</p>
                <li><a href="">账户管理</a></li>
                <li><a href="">账户管理</a></li>
                <li><a href="">账户管理</a></li>
             </ul>
         </li>
         <li>
             <ul class="ft-ul">
                <p>帮助中心</p>
                <li><a href="">账户管理</a></li>
                <li><a href="">账户管理</a></li>
                <li><a href="">账户管理</a></li>
             </ul>
         </li>
     </ul>
     <div class="ft-right">
       <p class="tell">400-100-5678</p>
       <span>周一至周日 8:00-18:00</span><br>
         <span>（仅收市话费）</span>
       <p class="kefu"><a href="">
           <i class="fa fa-commenting"></i>
           24小时在线客服</a>
       </p>
     </div>
    </div>



  </div> 
</footer>
<div class="dibu">
  <div class="container">
    <div class="last-logo">
        <img src="./img/logo.png" alt="">
    </div>
    <div class="logo-right">
        <a href="">小米商城</a><span> | </span><a>MIUI</a><span> |</span>
        <a href="">米聊 </a><span>| </span><a href="">多看书城</a><span> |</span>
        <a href="">小米路由器 </a><span>|</span><a href="">视频电话</a><span> |</span>
        <a href="">小米天猫店</a><span> | </span><a href="">小米淘宝直营店</a>
        <span>| </span><a href="">小米网盟</a><span>|</span><a href="">小米移动</a>
        <span>| </span><a href="">隐私政策</a><span> | </span><a href="">Select Region</a>
       <div class="gray-zi">
         <span>©</span><a href="">mi.com</a> <a href="">京ICP证110507号</a>
         <span>京ICP备10046444号 </span><a href="">京公网安备11010802020134号</a> 
          <a href="">京网文[2014]0059-0009号 </a>   
        <br>
        <span>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
       </div>
    </div>
    <ul class="right-ul">
        <li><a href=""><img src="./img/di1.png" alt=""></a></li>
        <li><a href=""><img src="./img/di2.png" alt=""></a></li>
        <li><a href=""><img src="./img/di3.png" alt=""></a></li>
        <li><a href=""><img src="./img/di4.png" alt=""></a></li>
    </ul>
    <div class="jieshu">探索黑科技，小米为发烧而生</div>
  </div>
</div>


    <script src="jquery.js"></script>
</body>

</html>
<script>
    $('.mv li .click').click(function(){
        $('.cover').css('display','block');
        $('.mv-cover').show().animate({top:150},500);
    });
    $('.cover-hd span').click(function(){
        $('.mv-cover').animate({top:-600},500);
        $('.cover').css('display','none');
    });
// 搜索下拉框
    $('.search').click(function (ev) {
        ev.stopPropagation();
        $('form input,.search-tu').css('border-color', '#ff6700');
        $('.search-word').hide();
        $('.xiala-kucun').show();
    });
    $(window).click(function () {
        $('form input,.search-tu').css('border-color', '');
        $('.search-word').show();
        $('.xiala-kucun').hide();
    });

// 白色导航 下拉框
    var index = 0;
    function show() {
        $('.xiaomi-list').eq(index).addClass('list2').siblings().removeClass('list2')
    }
    $('.ul-white li').hover(function () {
        index = $(this).index();
        show();
    });

    $('.logo-nav').hover(function () {
        $('.ul-white li').hover(function () {
            if ($(this).index() > 6) {
                $('.xiaomi-border').stop().slideUp(500);
            } else {
                $('.xiaomi-border').stop().slideDown(500);
            }
        });
        $('.xiaomi-border').stop().slideUp(500);
    });
// 轮播图
var index = 0;
var imgLis = $('.lunbo-list li');
function showImg(){
      imgLis.eq(index).addClass('current')
             .siblings().removeClass('current');
      $('.indicator li').eq(index).addClass('active')
               .siblings().removeClass('active');
}
var timer = setInterval(nextImg,1000);
function nextImg(){
    index = index == imgLis.length-1 ? 0 : index + 1;
    showImg();
}
function prevImg(){
    index = index == 0 ? imgLis.length-1 : index - 1;
    showImg();
}
$('.indicator li').hover(function(){
    index = $(this).index();
    showImg();
});
$('.lunbo-box').hover(function(){
    clearInterval(timer);
    timer = null;
    $('.img-click').stop().fadeIn(1000);
  },function(){
    if(timer != null){
        return;
    }else{
        timer = setInterval(nextImg,1000);
    }
    $('.img-click').stop().fadeOut(1000);
});
$('.prev').click(function(){
    prevImg();
});
$('.next').click(function(){
    nextImg();
});
// 轮播图左部的列表
    $('.left-list li').mouseenter(function(){
       $('.left-list-info').eq($(this).index()).show()
                           .siblings().hide();
       $('.left-list-info').eq($(this).index()).css('display','flex');      
    });
    $('.lunbo-left').hover(function(){
        $('.left-list-box').show();
    },function(){
        $('.left-list-box').hide();
    });

// 小米明星单品
var dsuo = 0;
function showTu(){
    dsuo = dsuo == 0 ? 1 : 0;
    $('.move-ul').stop().animate({left:-1226*dsuo},1000);                    
}
function toLeft(){
    dsuo = dsuo == 0 ? 0 : dsuo-1;
    showTu();
}
function toRight(){
    dsuo = dsuo == 1 ? 1 : dsuo + 1;
    showTu();
}
var timerTu = setInterval(showTu,3000);
$('.to-left').click(function(){
    toLeft();
});
$('.to-right').click(function(){
    toRight();
});
$('.moves').hover(function(){
    clearInterval(timerTu);
},function(){
    timerTu = setInterval(showTu,3000); 
});
//为你推荐
var wsuo = 0;
function changeTu(){
    $('.wn').stop().animate({left:-1226*wsuo},1000);
}
function ToLeft(){
    wsuo = wsuo == 0 ? 0 : wsuo-1;
    changeTu();
}
function ToRight(){
    wsuo = wsuo == 3 ? 3 : wsuo + 1;
    changeTu();
}
$('.toLeft').click(function(){
    ToLeft();
});
$('.toRight').click(function(){
    ToRight();
});


// 家电  右部图片切换
$('.jiadian .jiadian-right li').hover(function(){
     $(this).addClass('remen').siblings().removeClass('remen');
     $('.jiadian .row-list').eq($(this).index()).show()
                            .siblings().hide();
},function(){});
// 智能  右部图片切换
$('.zhineng .jiadian-right li').hover(function(){
     $(this).addClass('remen').siblings().removeClass('remen');
     $('.zhineng .row-list').eq($(this).index()).show()
                          .siblings().hide();
},function(){});
// 搭配  右部图片切换
$('.dapei .jiadian-right li').hover(function(){
     $(this).addClass('remen').siblings().removeClass('remen');
     $('.dapei .row-list').eq($(this).index()).show()
                          .siblings().hide();
},function(){});
// 配件  右部图片切换
$('.peijian .jiadian-right li').hover(function(){
     $(this).addClass('remen').siblings().removeClass('remen');
     $('.peijian .row-list').eq($(this).index()).show()
                          .siblings().hide();
},function(){});
// 周边  右部图片切换
$('.zhoubian .jiadian-right li').hover(function(){
     $(this).addClass('remen').siblings().removeClass('remen');
     $('.zhoubian .row-list').eq($(this).index()).show()
                          .siblings().hide();
},function(){});

// 内容  多个小轮播图
var suo = 0;
function showImgs1(){
     $('.nr-ul-1 .neirong-ul').animate({left:-296*suo});
     $('.nr-ul-1 .neirong-indicator li').eq(suo).addClass('neirong-indicator-li')
                     .siblings().removeClass('neirong-indicator-li');
 }
 $('.nr-ul-1 .neirong-indicator>li').hover(function(){
      suo = $(this).index();
      $(this).addClass('neirong-indicator-li')
             .siblings().removeClass('neirong-indicator-li'); 
 });
 $('.nr-ul-1 .neirong-indicator>li').click(function(){
      suo = $(this).index();
      showImgs1();  
 });
 function nrNext1(){
     suo = suo == 2 ? 2 : suo + 1;
     showImgs1();
 }
 function nrPrev1(){
      suo = suo == 0 ? 0 : suo - 1;
     showImgs1();
 }
 $('.nr-ul-1 .nr-prev').click(function(){
     nrPrev1();
 });
 $('.nr-ul-1 .nr-next').click(function(){
     nrNext1();
 });
 $('.nr-ul-1').hover(function(){
     $('.nr-ul-1 .nr-btn span').stop().fadeIn(1000);
 },function(){
     $('.nr-ul-1 .nr-btn span').stop().fadeOut(1000);
});
var suo2 = 0;
function showImgs2(){
     $('.nr-ul-2 .neirong-ul').animate({left:-296*suo2});
     $('.nr-ul-2 .neirong-indicator li').eq(suo2).addClass('neirong-indicator-li')
                     .siblings().removeClass('neirong-indicator-li');
 }
 $('.nr-ul-2 .neirong-indicator>li').hover(function(){
      suo2 = $(this).index();
      $(this).addClass('neirong-indicator-li')
             .siblings().removeClass('neirong-indicator-li'); 
 });
 $('.nr-ul-2 .neirong-indicator>li').click(function(){
      suo2 = $(this).index();
      showImgs2();  
 });
 function nrNext2(){
     suo2 = suo2 == 2 ? 2 : suo2 + 1;
     showImgs2();
 }
 function nrPrev2(){
     suo2 = suo2 == 0 ? 0 : suo2 - 1;
     showImgs2();
 }
 $('.nr-ul-2 .nr-prev').click(function(){
     nrPrev2();
 });
 $('.nr-ul-2 .nr-next').click(function(){ 
     nrNext2();
 });
 $('.nr-ul-2').hover(function(){
     $('.nr-ul-2 .nr-btn span').stop().fadeIn(1000);
 },function(){
     $('.nr-ul-2 .nr-btn span').stop().fadeOut(1000);
});
var suo3 = 0;
function showImgs3(){
    $('.nr-ul-3 .neirong-ul').animate({left:-296*suo3});
    $('.nr-ul-3 .neirong-indicator li').eq(suo3).addClass('neirong-indicator-li')
                       .siblings().removeClass('neirong-indicator-li');
 }
 $('.nr-ul-3 .neirong-indicator>li').hover(function(){
      suo3 = $(this).index();
      $(this).addClass('neirong-indicator-li')
             .siblings().removeClass('neirong-indicator-li'); 
 });
 $('.nr-ul-3 .neirong-indicator>li').click(function(){ 
     suo3 = $(this).index();
     showImgs3();  
 });
 function nrNext3(){
     suo3 = suo3 == 2 ? 2 : suo3 + 1;
     showImgs3();
 }
 function nrPrev3(){
     suo3 = suo3 == 0 ? 0 : suo3 - 1;
     showImgs3();
 }
 $('.nr-ul-3 .nr-prev').click(function(){
     nrPrev3();
 });
 $('.nr-ul-3 .nr-next').click(function(){
     nrNext3();
 }); 
 $('.nr-ul-3').hover(function(){
    $('.nr-ul-3 .nr-btn span').stop().fadeIn(1000);
 },function(){
    $('.nr-ul-3 .nr-btn span').stop().fadeOut(1000);
});
var suo4 = 0;
function showImgs4(){
     $('.nr-ul-4 .neirong-ul').animate({left:-296*suo4});
     $('.nr-ul-4 .neirong-indicator li').eq(suo4).addClass('neirong-indicator-li')
                     .siblings().removeClass('neirong-indicator-li');
 }
 $('.nr-ul-4 .neirong-indicator>li').hover(function(){
      suo4 = $(this).index();
      $(this).addClass('neirong-indicator-li')
             .siblings().removeClass('neirong-indicator-li'); 
 });
 $('.nr-ul-4 .neirong-indicator>li').click(function(){
      suo4 = $(this).index();
      showImgs4();  
 });
 function nrNext4(){
     suo4 = suo4 == 2 ? 2 : suo4 + 1;
     showImgs4();
 }
 function nrPrev4(){
      suo4 = suo4 == 0 ? 0 : suo4 - 1;
     showImgs4();
 }
 $('.nr-ul-4 .nr-prev').click(function(){
     nrPrev4();
 });
 $('.nr-ul-4 .nr-next').click(function(){
     nrNext4();
 });
 $('.nr-ul-4').hover(function(){
     $('.nr-ul-4 .nr-btn span').stop().fadeIn(1000);
 },function(){
     $('.nr-ul-4 .nr-btn span').stop().fadeOut(1000);
});






</script>